<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="css/swiper-bundle.css" />
  <link rel="stylesheet" href="css/common.css" />
  <link rel="stylesheet" href="css/main.css" />
  <link rel="stylesheet" href="css/index.css" />
  <link rel="stylesheet" href="css/list.css" />
  <link rel="stylesheet" href="css/details.css" />
  <title>海房优选</title>
</head>

<body>
  <div class="header">
    <div class="bd">
      <div class="top">
        <div class="logo">
          <a href="index.html"><img src="images/logo_1.png" alt="" /></a>
        </div>
        <div class="menu">
          <ul class="menu_list">
            <li class="on"><a href="javascript:void(0)">写字楼租售</a></li>
            <li><a href="javascript:void(0)">产业园区租售</a></li>
            <li><a href="javascript:void(0)">公寓出租</a></li>
            <li><a href="javascript:void(0)">广告投放</a></li>
            <li><a href="javascript:void(0)">关于海房优选</a></li>
          </ul>
          <div class="search search_dialog">
            <dl>
              <dt><img src="images/search_1.png" alt="" /></dt>
              <dd><input type="text" placeholder="请输入关键字" /></dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="detail_box">
    <div class="bd">
      <div class="crumb">
        <a href="index.html">首 页</a>
        <u></u>
        <a href="javascript:void(0)">写字楼租售</a>
        <u></u>
        <a href="javascript:void(0)">写字楼</a>
        <u></u>
        <a href="javascript:void(0)">优 选</a>
        <u></u>
        <a href="javascript:void(0)">新奥特科技大厦</a>
      </div>
      <div class="detail">
        <div class="detail_title">
          <span>新奥特科技大厦 南楼</span>
          <u>停车位充足</u>
          <u>商圈内</u>
          <u>地铁步行五分钟</u>
        </div>
        <div class="detail_swiper_content">
          <div class="detail_swiper">
            <div class="swiper gallery-top">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <a href="javascript:void(0)"><img src="images/details_1.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)"><img src="images/house_1.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)"><img src="images/house_2.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)"><img src="images/house_3.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)"><img src="images/house_4.jpg" alt="" /></a>
                </div>
              </div>
            </div>
            <div class="swiper gallery-thumbs">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <a href="javascript:void(0)" class="thumbs"><img src="images/details_1.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)" class="thumbs"><img src="images/house_1.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)" class="thumbs"><img src="images/house_2.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)" class="thumbs"><img src="images/house_3.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)" class="thumbs"><img src="images/house_4.jpg" alt="" /></a>
                </div>
              </div>
            </div>
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
          </div>
          <div class="detail_content">
            <div class="dc_info dc_1">
              <dl><span>9-11</span><em>元/㎡/天</em></dl>
              <ul class="dc_tabs">
                <li><a href="detail_1.html">楼宇信息</a></li>
                <li class="on"><a href="detail_2.html">南楼</a></li>
                <li><a href="javascript:void(0)">北楼</a></li>
              </ul>
            </div>
            <div class="dc_info dc_2">
              <table style="width: 100%">
                <tr>
                  <td style="width: 15%">
                    <h3>
                      <strong>18425</strong><u>m<sup>2</sup></u>
                    </h3>
                    <h6>建筑面积</h6>
                  </td>
                  <td style="width: 70%">
                    <h3><strong>17</strong></h3>
                    <h6>可租售房源</h6>
                  </td>
                  <td>
                    <h3><strong>4A</strong></h3>
                    <h6>楼宇等级</h6>
                  </td>
                </tr>
              </table>
            </div>
            <div class="dc_info dc_3">
              <table style="width: 100%">
                <tr>
                  <td style="width: 70%">
                    <h3><span>地上层数：</span><u>8</u></h3>
                  </td>
                  <td>
                    <h3><span>地下层数：</span><u>2</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 70%">
                    <h3>
                      <span>已租售面积：</span><u>6814m<sup>2</sup></u>
                    </h3>
                  </td>
                  <td>
                    <h3>
                      <span>可租售面积：</span><u>10271m<sup>2</sup></u>
                    </h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 35%">
                    <h3><span>单层面积：</span><u></u></h3>
                  </td>
                  <td style="width: 35%">
                    <h3><span>单层层高：</span><u>2.5m</u></h3>
                  </td>
                  <td>
                    <h3><span>车位数量：</span><u>200</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 35%">
                    <h3><span>电梯数量：</span><u>6</u></h3>
                  </td>
                  <td style="width: 35%">
                    <h3><span>电梯品牌：</span><u>天津奥的斯</u></h3>
                  </td>
                  <td>
                    <h3><span>运行年限：</span><u>15年</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 70%">
                    <h3><span>是否有专用电梯：</span><u>否</u></h3>
                  </td>
                  <td>
                    <h3><span>空调系统：</span><u>中央空调</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 35%">
                    <h3><span>水电性质：</span><u>商用水电</u></h3>
                  </td>
                  <td style="width: 35%">
                    <h3><span>电费：</span><u>1.3元/度</u></h3>
                  </td>
                  <td>
                    <h3><span>水费：</span><u>10.45元/度</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 70%">
                    <h3><span>是否有燃气：</span><u>是(物业费已包含)</u></h3>
                  </td>
                  <td>
                    <h3><span>车位管理费：</span><u>10元/天</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 70%">
                    <h3>
                      <span>物业公司：</span><u>北京信心昇通科技发展有限公司</u>
                    </h3>
                  </td>
                  <td>
                    <h3>
                      <span>物业费：</span><u>1元/天/m<sup>3</sup></u>
                    </h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td>
                    <h3><span>入驻企业是否存在特殊规定：</span><u>是</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td>
                    <h3><span>网络运营商：</span><u>中国移动 中国联通</u></h3>
                  </td>
                </tr>
              </table>
            </div>
          </div>
        </div>
        <div class="list_panel">
          <div class="list_left">
            <div class="detail_inner">
              <div class="details_title">
                新奥特科技大厦南楼 可租房原 共 <strong>17</strong> 套
              </div>
              <div class="detail_tags">
                <span class="on">全部</span>
                <span>100m<sup>2</sup>以下</span>
                <span>100-300m<sup>2</sup>以下</span>
                <span>300-500m<sup>2</sup>以下</span>
                <span>500-700m<sup>2</sup>以下</span>
                <span>700-1000m<sup>2</sup>以下</span>
                <span>1000m<sup>2</sup>以上</span>
              </div>
              <ul class="detail_house_list">
                <li>
                  <a href="detail_3.html">
                    <dl>
                      <dt><img src="images/house_1.jpg" alt="" /></dt>
                      <dd>
                        <div class="dhl_center">
                          <h3>
                            <span class="black">高层</span>
                            <span>180<em>m<sup>2</sup></em></span>
                            <span>9<em>元/m<sup>2</sup>/天</em></span>
                            <span>48600<em>元/月</em></span>
                          </h3>
                          <p>约47-94个工位<u>|</u>豪华装修<u>|</u>可注册</p>
                        </div>
                        <h4>
                          <span>停车位充足</span>
                          <span>商圈内</span>
                          <span>地铁步行五分钟</span>
                        </h4>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="detail_3.html">
                    <dl>
                      <dt><img src="images/house_2.jpg" alt="" /></dt>
                      <dd>
                        <div class="dhl_center">
                          <h3>
                            <span class="black">高层</span>
                            <span>260<em>m<sup>2</sup></em></span>
                            <span>9<em>元/m<sup>2</sup>/天</em></span>
                            <span>70200<em>元/月</em></span>
                          </h3>
                          <p>约167-334个工位<u>|</u>豪华装修<u>|</u>可注册</p>
                        </div>
                        <h4>
                          <span>停车位充足</span>
                          <span>商圈内</span>
                          <span>地铁步行五分钟</span>
                        </h4>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="detail_3.html">
                    <dl>
                      <dt><img src="images/house_3.jpg" alt="" /></dt>
                      <dd>
                        <div class="dhl_center">
                          <h3>
                            <span class="black">低层</span>
                            <span>210<em>m<sup>2</sup></em></span>
                            <span>9<em>元/m<sup>2</sup>/天</em></span>
                            <span>56700<em>元/月</em></span>
                          </h3>
                          <p>约217-434个工位<u>|</u>精装修<u>|</u>可注册</p>
                        </div>
                        <h4>
                          <span>停车位充足</span>
                          <span>商圈内</span>
                          <span>地铁步行五分钟</span>
                        </h4>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="detail_3.html">
                    <dl>
                      <dt><img src="images/house_4.jpg" alt="" /></dt>
                      <dd>
                        <div class="dhl_center">
                          <h3>
                            <span class="black">中间层</span>
                            <span>202<em>m<sup>2</sup></em></span>
                            <span>10<em>元/m<sup>2</sup>/天</em></span>
                            <span>60600<em>元/月</em></span>
                          </h3>
                          <p>约82-164个工位<u>|</u>精装修<u>|</u>可注册</p>
                        </div>
                        <h4>
                          <span>停车位充足</span>
                          <span>商圈内</span>
                          <span>地铁步行五分钟</span>
                        </h4>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="detail_3.html">
                    <dl>
                      <dt><img src="images/house_1.jpg" alt="" /></dt>
                      <dd>
                        <div class="dhl_center">
                          <h3>
                            <span class="black">中间层</span>
                            <span>182<em>m<sup>2</sup></em></span>
                            <span>9<em>元/m<sup>2</sup>/天</em></span>
                            <span>49100<em>元/月</em></span>
                          </h3>
                          <p>约250-500个工位<u>|</u>精装修<u>|</u>可注册</p>
                        </div>
                        <h4>
                          <span>停车位充足</span>
                          <span>商圈内</span>
                          <span>地铁步行五分钟</span>
                        </h4>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="detail_3.html">
                    <dl>
                      <dt><img src="images/house_2.jpg" alt="" /></dt>
                      <dd>
                        <div class="dhl_center">
                          <h3>
                            <span class="black">高层</span>
                            <span>226<em>m<sup>2</sup></em></span>
                            <span>9<em>元/m<sup>2</sup>/天</em></span>
                            <span>61000<em>元/月</em></span>
                          </h3>
                          <p>约334-667个工位<u>|</u>精装修<u>|</u>可注册</p>
                        </div>
                        <h4>
                          <span>停车位充足</span>
                          <span>商圈内</span>
                          <span>地铁步行五分钟</span>
                        </h4>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="detail_3.html">
                    <dl>
                      <dt><img src="images/house_3.jpg" alt="" /></dt>
                      <dd>
                        <div class="dhl_center">
                          <h3>
                            <span class="black">低层</span>
                            <span>100<em>m<sup>2</sup></em></span>
                            <span>10<em>元/m<sup>2</sup>/天</em></span>
                            <span>30000<em>元/月</em></span>
                          </h3>
                          <p>约417-834个工位<u>|</u>精装修<u>|</u>可注册</p>
                        </div>
                        <h4>
                          <span>停车位充足</span>
                          <span>商圈内</span>
                          <span>地铁步行五分钟</span>
                        </h4>
                      </dd>
                    </dl>
                  </a>
                </li>
              </ul>
              <div class="details_more">
                <a href="javascript:void(0)">查看更多</a>
              </div>
              <div class="details_title">新奥特科技大厦南楼 入驻企业</div>
              <div class="detail_companys">
                <dl>
                  <dt>二层</dt>
                  <dd>
                    <span>北京XXXX科技有限公司</span>
                    <span>北京XXXX科技有限公司</span>
                    <span>北京XXXX科技有限公司</span>
                    <span>北京XXXX科技有限公司</span>
                    <span>北京XXXX科技有限公司</span>
                  </dd>
                </dl>
                <dl>
                  <dt>一层</dt>
                  <dd>
                    <span>北京XXXX科技有限公司</span>
                    <span>北京XXXX科技有限公司</span>
                    <span>北京XXXX科技有限公司</span>
                    <span>北京XXXX科技有限公司</span>
                    <span>北京XXXX科技有限公司</span>
                  </dd>
                </dl>
              </div>
              <div class="details_more">
                <a href="javascript:void(0)">查看更多</a>
              </div>
              <div class="details_title" style="border-color: #efefef">
                政策指引
              </div>
              <div class="detail_policy">
                <div class="detail_map_tabs">
                  <div class="dmt_left">
                    <span class="on">租金优惠政策</span>
                    <span>企业入住扶持政策</span>
                    <span>政策有效期</span>
                    <span>政策适用对象</span>
                    <span>政策申请流程</span>
                    <span>政策来源</span>
                  </div>
                </div>
                <div class="detail_intro">
                  <p style="text-indent: 36px">
                    "迎接新中国成立75周年"系列主题新闻发布会海淀区专场。发布会上，海淀区亮出了努力当好新时代首都高质量发展排头兵的最新成果。海淀区拥有独一无二的"四区"政策叠加优势，多年来，以科技创新持续引领产业转型升级，高精尖产业结构持续巩固，新业态、新模式不断涌现，消费市场规模不断扩大，已经成为首都经济高质量发展的核心引擎和强力支持。一座创新不止、动能澎湃的科技之城，青春涌动、宜居宜业的人文之城，环森抱绿、繁花相伴的生态之城，要素聚集、向新逐质的开发之城，正在向世界展现其魅力。
                  </p>
                  <p style="text-indent: 36px">
                    海淀区以建设世界领先科技园区为目标，以优化创新服务体系为主线，围绕新质生产力布局产业链，全面加快中关村科技城建设，在北京国际科技创新中心建设中当好“核心区”，区域发展新动能新优势不断增强。
                  </p>
                  <p style="text-indent: 36px">
                    原始创新策源功能显著提升。海淀区全力服务国家战略科技力量建设，为国家实验室匹配40万平方米空间并服务保障其核心业务开展，推动全国重点实验室在东升大厦等空间入住聚集，全区现有重组后的全国重点实验室52家，全国占比19%；聚集关键核心技术突破，统筹推动量子院、智源研究眼、微芯院等新型研发机构与高校院所、科技领军企业等构建创新矩阵，产出了“悟道3.0”系列大模型、长安链3.0等一大批重大成果；持续推动基础研发与成果转化有效衔接，联合高校院所推进5个概念验证中心建设，已转化落地项目41个，完成验证69个。
                  </p>
                </div>
              </div>
              <div class="details_more">
                <a href="javascript:void(0)">查看更多</a>
              </div>
              <div class="details_title">新奥特科技大厦周边配套</div>
              <div class="detail_map">
                <div class="detail_map_tabs">
                  <div class="dmt_left">
                    <span class="on">商超服务</span>
                    <span>金融机构</span>
                    <span>医疗机构</span>
                    <span>交通路网</span>
                    <span>餐饮情况</span>
                  </div>
                  <div class="dmt_right">
                    <span>周边500m</span>
                    <span class="on">周边1Km</span>
                  </div>
                </div>
                <div class="detail_image">
                  <img src="images/details_intro_2.jpg" alt="" />
                </div>
              </div>
              <div class="details_title" style="border-color: #efefef">
                奥北科技园周边楼盘推荐
              </div>
              <ul class="detail_recommand">
                <li>
                  <dl>
                    <dt><img src="images/company_1.jpg" alt="" /></dt>
                    <dd>
                      <h3>中关村国际创客中心</h3>
                      <h4>
                        <strong>4-6.5</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/company_2.jpg" alt="" /></dt>
                    <dd>
                      <h3>E世界财富中心</h3>
                      <h4>
                        <strong>3-7</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/company_3.jpg" alt="" /></dt>
                    <dd>
                      <h3>中国电子大厦</h3>
                      <h4>
                        <strong>5-100</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/company_4.jpg" alt="" /></dt>
                    <dd>
                      <h3>普天大厦</h3>
                      <h4>
                        <strong>5-10</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/company_5.jpg" alt="" /></dt>
                    <dd>
                      <h3>四通大厦</h3>
                      <h4>
                        <strong>5-10</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/house_1.jpg" alt="" /></dt>
                    <dd>
                      <h3>中关村梦想实验室</h3>
                      <h4>
                        <strong>5-7.5</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
              </ul>
            </div>
          </div>
          <div class="list_right">
            <div class="recommend_pic">
              <dl><img src="images/aside_1.jpg" alt="" /></dl>
            </div>
            <div class="recommend_ranks">
              <h3>优选排⾏</h3>
              <ul>
                <ol>
                  <h3>新时代国际中心</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_1.png" alt="" />
                </ol>
                <ol>
                  <h3>裕恒时代科技大厦</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_2.png" alt="" />
                </ol>
                <ol>
                  <h3>中关村8号</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_3.png" alt="" />
                </ol>
                <ol>
                  <h3>丰云汇中心</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_4.png" alt="" />
                </ol>
                <ol>
                  <h3>新东方科技大厦</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_5.png" alt="" />
                </ol>
              </ul>
            </div>
            <div class="recommend_pic">
              <dl><img src="images/aside_3.jpg" alt="" /></dl>
              <dl><img src="images/aside_4.jpg" alt="" /></dl>
            </div>
            <div class="recommend_hot">
              <h3>政策中心</h3>
              <ul>
                <li>
                  <u>首次购房和二次购房的区别，第一套房卖掉再买属于第几套？</u>
                </li>
                <li>
                  <u>25年1月1日起，北京存量房公积金贷款利率将下调！</u>
                </li>
                <li>
                  <u>新政来了！购买家庭唯一及第二套住房，不超缴纳契税</u>
                </li>
                <li>
                  <u>中国银行：11月1日起可受理客户申请调整存量房贷利率加点值和重定价周期</u>
                </li>
                <li>
                  <u>下降25个基点！LPR迎来年内第三次调整</u>
                </li>
              </ul>
            </div>
            <div class="list_more">
              <div class="more">
                <a href="javascript:void(0)"><span>查看更多</span><i></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="foot">
    <div class="bd">
      <div class="foot_box">
        <div class="foot_panel">
          <div class="fp_left">
            <dl>
              <dt><img src="images/logo_2.png" alt="" /></dt>
              <dd>
                <h3>客服电话</h3>
                <h5>4008-666-888</h5>
              </dd>
            </dl>
          </div>
          <div class="fp_right">
            <dl>
              <dt><img src="images/code_1.png" alt="" /></dt>
              <dd><img src="images/code_2.png" alt="" /></dd>
            </dl>
          </div>
        </div>
        <div class="copyright">
          ©2025 北京海房优选房地产经纪有限公司 京ICP备20025040号-1 京公网安备
          11010502040384号 京经纪（2015）第8360号
        </div>
      </div>
    </div>
  </div>
  <div class="aside aside_1">
    <img src="images/ad_1.jpg" alt="" />
  </div>
  <div class="aside aside_2">
    <img src="images/ad_2.jpg" alt="" />
  </div>
  <div class="dialog" style="display: none">
    <div class="dialog_panel">
      <ul class="dialog_search_tabs">
        <li class="on">写字楼</li>
        <li>产业园区</li>
        <li>公寓</li>
      </ul>
      <div class="dialog_search_input">
        <dl>
          <dt><input type="text" placeholder="" /></dt>
          <dd><button>搜索房源</button></dd>
        </dl>
      </div>
      <div class="dialog_search_tags">
        <dl>
          <dt>商圈</dt>
          <dd>
            <span>中关村</span>
            <span>北太平庄</span>
            <span>花园路</span>
            <span>西三旗</span>
          </dd>
        </dl>
        <dl>
          <dt>面积</dt>
          <dd>
            <span>30-60m <sup>2</sup></span>
            <span>60-80m<sup>2</sup></span>
            <span>80-120m<sup>2</sup> </span>
            <span>120-200m<sup>2</sup></span>
          </dd>
        </dl>
        <dl>
          <dt>位置</dt>
          <dd>
            <span>学院路</span>
            <span>八里庄</span>
            <span>紫竹院</span>
            <span>四季青</span>
          </dd>
        </dl>
        <dl>
          <dt>选择</dt>
          <dd>
            <span>200-300m<sup>2</sup></span>
            <span>300-500m<sup>2</sup></span>
            <span>500-800m<sup>2</sup> </span>
            <span>800m<sup>2</sup>以上</span>
          </dd>
        </dl>
      </div>
    </div>
  </div>
</body>

<script src="js/jquery.js"></script>
<script src="js/swiper-bundle.js"></script>
<script src="js/fun.js"></script>
<script>
  $(function () {
    var galleryTop = new Swiper(".gallery-top", {
      spaceBetween: 10,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
      thumbs: {
        swiper: {
          el: ".gallery-thumbs",
          spaceBetween: 10,
          slidesPerView: 5,
          freeMode: true,
          watchSlidesVisibility: true,
          watchSlidesProgress: true,
        },
      },
    });
  });
</script>

</html>